<template>
    <input v-model="inputValue"/>
    <p>inputValue:{{inputValue}}</p>
    <p>debouncedValue:{{debouncedValue}}</p>
</template>
<script setup>
import {ref} from 'vue';
import useDebounce from './hooks/useDebounce';
//先创创建Ref的响应式变量
const inputValue = ref('');
//把它作为参数传递给useDebounce
const debouncedValue= useDebounce(inputValue);
</script>